<div id="mad-page-wrapper">
	<div class="fade-top" x-mojo-scroll-fade="top"></div>
	<!-- Begin business header -->
	<div class="palm-group">
		<div class="palm-group-title">Edit Business</div>
		<div class="palm-list">
			<div class="palm-row first">
				<div class="palm-row-wrapper">
					<div class="textfield-group" x-mojo-focus-highlight="true">
						<div class="title">
							<div x-mojo-element="TextField" id="businessName"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="palm-row">
				<div class="palm-row-wrapper">
					<div class="textfield-group" x-mojo-focus-highlight="true">
						<div class="title">
							<div x-mojo-element="TextField" id="businessLocation"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="palm-row last">
				<div class="palm-row-wrapper">
					<div class="textfield-group" x-mojo-focus-highlight="true">
						<div class="title">
							<div x-mojo-element="TextField" id="businessPhone"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End business header -->
	<!-- Begin general availability -->
	<div class="palm-group unlabeled">
		<div class="palm-list">
			<div class="palm-row single">
				<div class="palm-row-wrapper">
					<div x-mojo-element="ListSelector" id="generalAvailability"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- End general availability -->
	<!-- Begin list of individual days for custom schedule -->
	<div x-mojo-element="Drawer" id="customScheduleDrawer">
		<!-- SUNDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Sunday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay1" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay1">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay1"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay1"></div>
			</div>
			<div id="infoTextDay1" class="palm-info-text"></div>
		</div>
		<!-- MONDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Monday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay2" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay2">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay2"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay2"></div>
			</div>
			<div id="infoTextDay2" class="palm-info-text"></div>
		</div>
		<!-- TUESDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Tuesday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay3" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay3">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay3"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay3"></div>
			</div>
			<div id="infoTextDay3" class="palm-info-text"></div>
		</div>
		<!-- WEDNESDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Wednesday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay4" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay4">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay4"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay4"></div>
			</div>
			<div id="infoTextDay4" class="palm-info-text"></div>
		</div>
		<!-- THURSDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Thursday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay5" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay5">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay5"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay5"></div>
			</div>
			<div id="infoTextDay5" class="palm-info-text"></div>
		</div>
		<!-- FRIDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Friday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay6" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay6">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay6"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay6"></div>
			</div>
			<div id="infoTextDay6" class="palm-info-text"></div>
		</div>
		<!-- SATURDAY -->
		<table class="palm-divider labeled">
			<tbody>
				<tr>
					<td class="left"></td>
					<td class="label">Saturday</td>
					<td class="right">
						<div x-mojo-element="ToggleButton" id="availableToggleDay7" class="right"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<div x-mojo-element="Drawer" id="drawerDay7">
			<div class="dailyDrawerWrapper">
				<div x-mojo-element="TimePicker" id="timeOpenPickerDay7"></div>
				<div x-mojo-element="TimePicker" id="timeClosePickerDay7"></div>
			</div>
			<div id="infoTextDay7" class="palm-info-text"></div>
		</div>
	</div>
	<!-- End list of individual days for custom schedule -->
	<div class="fade-bottom" x-mojo-scroll-fade="bottom"></div>
</div>
